<div class="page-title">
  <h1>
    日历
  </h1>
</div>
<div class="row">
  <div class="col-md-9">
    <div class="widget-container fluid-height clearfix">
      <div class="widget-content padded">
        <div id="calendar"></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 visible-md visible-lg">
    <div class="widget-container fluid-height">
      <div class="heading">
        <i class="icon-calendar"></i>可拖动的活动
      </div>
      <div class="widget-content padded">
        <div id="external-events">
          <form>
            <input class="input form-control" id="event_title" placeholder="事件标题..." type="text" value=""><select class="select2able chosen_select" data-placeholder="选择标签..." id="event_priority"><option value="default">默认</option><option value="success">成功</option><option value="info">消息</option><option value="warning">警告</option><option value="important">重要</option></select>
            <div class="space12"></div>
            <a class="btn btn-default" href="javascript:;" id="event_add">添加事件</a>
          </form>
          <div id="event_box"></div>
          <label class="checkbox" for="drop-remove"><input id="drop-remove" type="checkbox"><span> 添加后删除</span></label>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
function initCalendarPage() {
    
    /*
    # =============================================================================
    #   Select2
    # =============================================================================
    */
    $('.select2able').select2();
    
    FullCalendar();
}
    
$(document).ready(function() {
	LoadCalendarScript(initCalendarPage);
});
</script>